<%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<%@ include file="/app_css/app_layout.jsp"%>
<link href="http://static.aceona.com/api_demo/css/api_common.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="api_com_position">
				        <span class="api_position_main">前端开发规范</span>|<span class="red_a">公用表格样式</span>
 </div>
				 <div class="api_content">
				           <ol class="api_ol_a">
				            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
													 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="app_table_a">
														  <tr>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
											           </tr>
														  <tr>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
									            </table>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;app_table_a&quot;&gt;<br />		&lt;tr&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;/tr&gt;<br />&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
                            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示二</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
													 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="app_table_b">
														  <tr>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
											           </tr>
														  <tr>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
									            </table>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;app_table_b&quot;&gt;<br />		&lt;tr&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;/tr&gt;<br />&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
                            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示三</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
                                                     <div class="app_template_a">
													   <table width="100%" border="0" cellspacing="0" cellpadding="0" class="app_table_c">
														  <tr>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
											           </tr>
														  <tr class="current">
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
                                                       <tr>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
                                                      <tr class="current">
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
									            </table>
                                                     </div>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;app_table_c&quot;&gt;<br />		&lt;tr&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;/tr&gt;<br />&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
                            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
													 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_com_e">
														  <tr>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
											           </tr>
														  <tr>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
									            </table>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;table_com_e&quot;&gt;<br />		&lt;tr&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;/tr&gt;<br />&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
                            <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
													 <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table_com_c">
														  <tr>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
														    <th>用户名</th>
											           </tr>
														  <tr class="current">
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
														    <td>张三</td>
												       </tr>
									            </table>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_layout.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; class=&quot;table_com_c&quot;&gt;<br />		&lt;tr&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;th&gt;用户名&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;td&gt;张三&lt;/td&gt;<br />		&lt;/tr&gt;<br />&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
							
							
							         <li>
							     <div class="api_example_a"> 
							         <div class="title_list_a">表格风格展示</div>
									 <div class="title_effect">
									     <h6>效果展示:</h6>
											  <div class="title_content">
											         <!--code bec-->
													<table cellspacing="0" cellpadding="0" border="0" width="100%" class="app_moudle_table app_table_c_v2 h_58 inter_list_a">
		<tbody><tr>
			<th width="23%" class="left p_l_14">搜索/定位名称</th>
			<th width="23%">信息接收频率</th>
			<th width="30%">更新时间</th>
			<th width="37%">操作</th>
			<th width="5%"></th>
		</tr>
		<tr>
			<td class="left p_l_14">
				<cite>职位订阅</cite>
			</td>
			<td>三天一次</td>
			<td>2011.11.12</td>
			<td><a href="javascript:void(0)">搜索 </a> | <a href="javascript:void(0)"> 修改 </a> | <a href="javascript:void(0)"> 退订 </a></td>
			<td><i class="sprite uc_delete" style="visibility: hidden;"></i></td>
		</tr>
		<tr class="even">
			<td class="left p_l_14">
				<cite>我的职位订阅器</cite>
			</td>
			<td>未订阅</td>
			<td>2011.11.12</td>
			<td><a href="javascript:void(0)">搜索 </a> | <a href="javascript:void(0)"> 修改 </a> | <a href="javascript:void(0)"> 退订 </a></td>
			<td><i class="sprite uc_delete" style="visibility: hidden;"></i></td>
		</tr>
		
	</tbody></table>
<!--code end-->
											  </div>
									 </div>
                                     <div class="title_include">
									          <h6>所需文件包含:</h6>
											  <div class="title_content">
											        <div class="api_pre_a">
													  css文件:<br/>
													&lt;link href=&quot;http://static.aceona.com/app_css/app_table_v2.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;
													 

													</div>
											  </div>
									 </div>
									 <div class="title_code">
									       <h6>源码结构:</h6>
											  <div class="title_content">
											            <pre>&lt;table cellspacing=&quot;0&quot; cellpadding=&quot;0&quot; border=&quot;0&quot; width=&quot;100%&quot; class=&quot;app_moudle_table app_table_c_v2 h_58 inter_list_a&quot;&gt;&lt;tr&gt;<br />			&lt;th&gt;&lt;/th&gt;<br />			&lt;th&gt;&lt;/th&gt;<br />			&lt;th&gt;&lt;/th&gt;<br />			&lt;th&gt;&lt;/th&gt;<br />			&lt;th&gt;&lt;/th&gt;<br />		&lt;/tr&gt;<br />		&lt;tr&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />		&lt;/tr&gt;
		&lt;tr&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />			&lt;td&gt;&lt;/td&gt;<br />		&lt;/tr&gt;<br />	&lt;/table&gt;</pre>
											  </div>
									 </div>
                                      
									 
								 </div>	
							</li>
				           </ol>
				 </div>
    <script type="text/ecmascript" src="http://static.aceona.com/app_js/jquery.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_test.js"></script>
   <script type="text/javascript" src="http://static.aceona.com/api_demo/api_js/api_voke.js"></script>
</body>
</html>
